<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 一、在实际开发中，需要一些数据从上层传递到下层，或者从下层传递到上层 -->
    <!-- 比如在一个页面中，从服务器请求到了很多数据
         其中一部分数据，不是让整个页面的大组件来展示，而是需要下面的子组件来展示
         这个时候，不会让子组件再发一次网络请求，而是直接让大组件（父组件）将数据传递给子组件
    -->
    <!-- 二、父子组件之间的通信方式 -->
    <!-- 1.父传子：父组件通过props向子组件传递数据
        props的值有两种方法：
        方法一：取值是字符串数组，数组中的字符串就是传递时数据的名称
        方法二：取值是对象，对象中可以设置传递时的类型，也可以设置默认值等

        2.子传父：子组件通过事件向父组件发送消息
    
    -->

    <!-- 三、非父子组件的传值通信方式：VueX的状态管理来实现 -->
</body>
</html>